.handle-wrap {
  position: absolute;
  right: -31px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  :global {
    button {
      background-color: #4877e6;
      border-color: #4877e6;
      color: #fff;
      border-radius: 0px 6px 6px 0 !important;
      font-size: 18px;
      height: auto;
      padding: 8px 12px;
      &:hover,
      &:focus {
        background-color: #4877e6;
        border-color: #4877e6;
        color: #fff;
      }
    }
  }
}
.drawer-wrap {
  font-size: 14px;
  height: calc(100vh - 124px);
  :global {
    .ant-drawer-content {
      background-color: transparent;
      box-shadow: 0 0px 6px rgba(71, 119, 231, 0.2);
    }
    .ant-drawer-body {
      padding: 0;
      & > div {
        height: 100%;
        margin-right: 0;
        box-shadow: none;
      }
    }
  }
  &:global(.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper) {
    box-shadow: none;
  }
  &:global(.ant-drawer-left.ant-drawer-open) {
    :local {
      .handle-wrap {
        right: -44px !important;
      }
    }
    box-shadow: none;
  }
}
